<template>
    <el-dialog :model-value="modelValue" @update:modelValue="$emit('update:modelValue', $event)" title="报名咨询"
        width="800">
        <el-form class="my-[40px]" label-width="90px" :inline="false" size="normal">
            <el-row>
                <el-col :span="8">
                    <el-form-item label="宝贝姓名">
                        <el-input class="w-full"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="小孩年龄">
                        <el-input class="w-full"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="所处阶段">
                        <el-select placeholder="请选择">
                            <el-option label="幼儿园" value="幼儿园"></el-option>
                            <el-option label="一至三年级" value="一至三年级"></el-option>
                            <el-option label="四至六年级" value="二年级"></el-option>
                            <el-option label="初一" value="初一"></el-option>
                            <el-option label="初二" value="初二"></el-option>
                            <el-option label="初三" value="初三"></el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="咨询课程">
                        <el-select placeholder="请选择">
                            <el-option label="幼儿园" value="幼儿园"></el-option>
                            <el-option label="一至三年级" value="一至三年级"></el-option>
                            <el-option label="四至六年级" value="二年级"></el-option>
                            <el-option label="初一" value="初一"></el-option>
                            <el-option label="初二" value="初二"></el-option>
                            <el-option label="初三" value="初三"></el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="家长姓名">
                        <el-input></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="联系号码">
                        <el-input></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="24">
                    <el-form-item label="详细留言">
                        <el-input type="textarea"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12"></el-col>
            </el-row>
        </el-form>

        <template #footer>
            <div class="dialog-footer">
                <el-button @click="$emit('update:modelValue', false)">取消</el-button>
                <el-button type="primary"> 提交</el-button>
            </div>
        </template>
    </el-dialog>
</template>
<script setup lang="ts">
const props = defineProps<{
    modelValue: boolean
}>();

const emit = defineEmits<{
    (e: 'update:modelValue', val: boolean): void
}>()

</script>

<style lang="scss" scoped></style>